@import "../../style/them";

.container {
  box-sizing: border-box;
  width: 740rpx;
  margin: 0 5rpx;

  .data-list {
    box-shadow: $shadow;
    display: flex;
    margin: 14rpx 20rpx;
    padding: 10rpx 0;
    border-radius: 10rpx;

    .img {
      width: 220rpx;
      height: 140rpx;
      padding: 10rpx 16rpx;

      image {
        width: 100%;
        height: 100%;
        border-radius: 10rpx;
        box-shadow: $shadow;
      }
    }

    .item {
      padding: 10rpx 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 430rpx;


      .title {
        width: 100%;
        height: 60rpx;
        font-size: 34rpx;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: JetBrainsMono, -apple-system-font, Helvetica Neue, sans-serif;
      }

      .tab-item {
        display: flex;
        justify-content: space-between;
        margin-right: 10rpx;
        font-size: 24rpx;

        .el {
          margin: 0 10rpx;
        }
      }
    }
  }
}